th {
  &.-action {
    width: 60px;
  }

  &.-action-wide {
    width: 85px
  }

  &.-action-narrow {
    width: 100px
  }

  &.-thumb {
    width: 150px;
  }
}

.table-action {
  text-align: center;
  color: $c-darker-grey;
  display: block;
  padding: 2px;
  font-size: 16px;
  text-decoration: none;

  &:hover {
    color: $c-mid-dark-grey;
  }
}

td {
  i + a {
    display: inline-block;
    padding-left: 8px;
  }
}

.loading-fade {
  opacity: 0.5;
}
